<template>
  <div>
    <oolongButton type="primary" @click.native="open(false)">打开提醒</oolongButton>
    <oolongButton @click.native="open(true)">打开提醒（仅标题）</oolongButton>
    <br><br>
    <p>带描述信息</p>
    <oolongButton @click.native="info(false)">消息</oolongButton>
    <oolongButton @click.native="success(false)">成功</oolongButton>
    <oolongButton @click.native="warning(false)">警告</oolongButton>
    <oolongButton @click.native="error(false)">错误</oolongButton>
    <p>仅标题</p>
    <oolongButton @click.native="info(true)">消息</oolongButton>
    <oolongButton @click.native="success(true)">成功</oolongButton>
    <oolongButton @click.native="warning(true)">警告</oolongButton>
    <oolongButton @click.native="error(true)">错误</oolongButton>
    <br><br>
    <oolongButton type="primary" @click.native="time">打开提醒,不点击不关闭</oolongButton>
  </div>
</template>
<script>
  import oolongNotice from '../components/notice'
  export default{
    data(){
      return {}
    },
    components: {
      oolongNotice
    },
    methods: {
      open (nodesc) {
        oolongNotice.open({
          title: '这是通知标题',
          desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
        });
      },
      info (nodesc) {
        oolongNotice.info({
          title: '这是通知标题',
          desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
        });
      },
      success (nodesc) {
        oolongNotice.success({
          title: '这是通知标题',
          desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
        });
      },
      warning (nodesc) {
        oolongNotice.warning({
          title: '这是通知标题',
          desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
        });
      },
      error (nodesc) {
        oolongNotice.error({
          title: '这是通知标题',
          desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
        });
      },
      time () {
        oolongNotice.open({
          title: '这是通知标题',
          desc: '这条通知不会自动关闭，需要点击关闭按钮才可以关闭。',
          duration: 0
        });
      }
    }
  }
</script>
<style lang="scss" scoped>

</style>
